<form name="form" class="g-form" novalidate ng-submit="stepThreeNext(form.$valid)" xmlns="http://www.w3.org/1999/html">

    <h4>技术需求的提交者与所有者信息，准确的填写将有助于对需求的沟通与解决</h4>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.contactInfoName.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>联系人</strong>
            <small>您的真实姓名，迈科技平台为您真实的项目提供服务与保障</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <input class="form-control" type="text" ng-model="formData.contactInfo.name"
                   name="contactInfoName" title="您的真实姓名，迈科技平台为您真实的项目提供服务与保障"
                   required placeholder="您的真实姓名，迈科技平台为您真实的项目提供服务与保障"/>
        </div>

        <div class="col-xs-2" ng-messages="form.contactInfoName.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.contactInfoPhone.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>联系电话</strong>
            <small>手机号码，仅对本需求未来涉及的项目相关人员公开</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <input class="form-control" type="tel" ng-model="formData.contactInfo.phone"
                   name="contactInfoPhone" title="手机号码，仅对本需求未来涉及的项目相关人员公开"
                   pattern="(?=.*\d).{11}" required placeholder="手机号码，仅对本需求未来涉及的项目相关人员公开"/>
        </div>

        <div class="col-xs-2" ng-messages="form.contactInfoPhone.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.relationWithOwner.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>责任关系</strong>
            <small>您与需求所有方的关系，对所有平台用户保密</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="本人"
                       required> 本人
            </label>
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="亲属"
                       required> 亲属
            </label>
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="朋友"
                       required> 朋友
            </label>
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="雇佣"
                       required> 雇佣
            </label>
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="授权"
                       required> 授权
            </label>
            <label class="radio-inline">
                <input type="radio" name="relationWithOwner" ng-model="formData.relationWithOwner" value="其他"
                       required> 其他
            </label>
        </div>

        <div class="col-xs-2" ng-messages="form.relationWithOwner.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.enterpriseInfoName.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>需求企业</strong>
            <small>真实的机构全称，线下对接前对所有平台用户保密</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <input class="form-control" type="text" ng-model="formData.enterpriseInfo.name"
                   name="enterpriseInfoName" title="真实的机构全称，线下对接前对所有平台用户保密"
                   required placeholder="真实的机构全称，线下对接前对所有平台用户保密"/>
        </div>

        <div class="col-xs-2" ng-messages="form.enterpriseInfoName.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.enterpriseInfoScale.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>企业规模</strong>
            <small></small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <label class="radio-inline">
                <input type="radio" name="enterpriseInfoScale" ng-model="formData.enterpriseInfo.scale"
                       value="50人以下"
                       required> 50人以下
            </label>
            <label class="radio-inline">
                <input type="radio" name="enterpriseInfoScale" ng-model="formData.enterpriseInfo.scale"
                       value="50-100人"
                       required>
                50-100人
            </label>
            <label class="radio-inline">
                <input type="radio" name="enterpriseInfoScale" ng-model="formData.enterpriseInfo.scale"
                       value="100-500人"
                       required>
                100-500人
            </label>
            <label class="radio-inline">
                <input type="radio" name="enterpriseInfoScale" ng-model="formData.enterpriseInfo.scale"
                       value="500人以上"
                       required>
                500人以上
            </label>
        </div>

        <div class="col-xs-2" ng-messages="form.enterpriseInfoScale.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && (form.enterpriseInfoProvince.$invalid || form.enterpriseInfoCity.$invalid)}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>所在地</strong>
            <small>平台可匹配相近地区的项目经理与技术方，提高对接效率</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <div class="col-xs-3" style="padding:0">
                <select class="form-control" ng-model="formData.enterpriseInfo.province"
                        name="enterpriseInfoProvince" title="真实的机构全称，线下对接前对所有平台用户保密"
                        ng-options="option for option in provinces"
                        required>
                </select>
            </div>

            <div class="col-xs-3" style="padding: 0">
                <select class="form-control" ng-model="formData.enterpriseInfo.city"
                        name="enterpriseInfoCity" title="真实的机构全称，线下对接前对所有平台用户保密"
                        ng-options="option for option in cities[formData.enterpriseInfo.province]"
                        required>
                </select>
            </div>

            <div class="col-xs-6">
                <input class="form-control col-xs-6" type="text" ng-model="formData.enterpriseInfo.district"
                       name="enterpriseInfoDistrict"
                       placeholder="街道地区"/>
            </div>

        </div>

        <div class="col-xs-2" ng-messages="form.enterpriseInfoScale.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row"
         ng-class="{'has-error': clicked[2] && form.willingToFollow.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>愿意跟进项目</strong>
            <small></small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <div>
                <label class="radio-inline">
                    <input type="radio" name="willingToFollow" ng-model="formData.willingToFollow" value="true" required
                           ng-click="verifyModel()"> 愿意跟进，主导项目对接，分配并尊享收益
                </label>
            </div>
            <div>
                <label class="radio-inline">
                    <input type="radio" name="willingToFollow" ng-model="formData.willingToFollow" value="false"
                           required>
                    放弃跟进，转交他人对接，仅获得项目对接成功后的真实需求信息费
                </label>
            </div>

        </div>

        <div class="col-xs-2" ng-messages="form.willingToFollow.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row" ng-if="formData.willingToFollow === 'false'"
         ng-class="{'has-error': clicked[2] && form.enterpriseInfoContactName.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>需方联系人</strong>
            <small>该需求企业负责人，对所有平台用户保密</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <input class="form-control" type="text" ng-model="formData.enterpriseInfo.contactName"
                   name="enterpriseInfoContactName" title="该需求企业负责人，对所有平台用户保密"
                   required placeholder="该需求企业负责人，对所有平台用户保密"/>
        </div>

        <div class="col-xs-2" ng-messages="form.enterpriseInfoContactName.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>

    <div class="form-group form-group-sm row" ng-if="formData.willingToFollow === 'false'"
         ng-class="{'has-error': clicked[2] && form.enterpriseInfoContactPhone.$invalid}">

        <label class="col-xs-offset-2 col-xs-8">
            <strong>联系方式</strong>
            <small>仅用于项目负责人与需求方沟通，对所有平台用户保密</small>
        </label>

        <div class="col-xs-offset-2 col-xs-8">
            <input class="form-control" type="text" ng-model="formData.enterpriseInfo.contactPhone"
                   name="enterpriseInfoContactPhone" title="仅用于项目负责人与需求方沟通，对所有平台用户保密"
                   required placeholder="仅用于项目负责人与需求方沟通，对所有平台用户保密"/>
        </div>

        <div class="col-xs-2" ng-messages="form.enterpriseInfoContactPhone.$error" ng-show="clicked[2]">
            <span class="error-tips" ng-messages-include="my-custom-messages"></span>
        </div>

    </div>
    <!-- 如果不是本人，则需要填写企业联系人信息 -->

    <div class="form-group" style="text-align: center">
        <button class="btn btn-info btn-meta-14 btn-meta-blue" ui-sref="^.two">上一步</button>
        <button class="btn btn-info btn-meta-14 btn-meta-blue" type="submit">完&nbsp;&nbsp;成</button>
    </div>
</form>
